﻿/* ----------------------------
MAQUETADO PRINCIPAL DEL SITIO 
------------------------------*/
*                   { margin: 0px; padding:0px; outline:0;}
html, body, form    { width: 100%; height:100%;}
img                 {border:0;}

body
{
	background-color: #F6F6F6;	
	font-family: Tahoma;
	font-size: 1em;
	color:#343434;
}

/* Sticky Footer (Opera Fix) */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/*----------------------------
MAQUETADO TEMPLATES 
-----------------------------*/
.mainContainer
{    
    min-height:100%;    /* Sticky Footer */    
    min-width:824px;
    width: expression(document.body.clientWidth < 825? "824px": "auto");
    }
    .headerContainer
    {
        background-color:#666666;
        padding:5px;
        }
        .logoTernium
        {
            float:left;
            width:157px;
            height:53px;
            display:block;
            //background: url(Images/application-default-icon.png) no-repeat 0 0;
        }
        .logoNova
        {
            float:right;
            width:80px;
            height:50px;
            display:block;
            background:url(../Content/Images/logo_nova1.jpg) no-repeat 0 0;
        }
    .mainContent
    {        
        overflow:auto;          /* Sticky Footer */
	    padding-bottom: 50px;  /* Sticky Footer */	    
        }
        .headerContent
        {
            height:35px;
            padding-left:20px;
            border-bottom:solid 1px #b3b3b3;
            background-color:#fff;
            display:block;            
        }
        .leftContent
        {
            float:left;
            width:200px;            
        }
        .centerContent
        {
            max-width:100%;
            /* max-width:500px;               */
            float:left;                     
            margin:5px 5px 0px 10px;                        
        }
        .centerFullContent
        {                           
            margin:5px 5px 0px 10px;                        
        }    
        .footerContent
        {            
        }
    .footerContainer
    {
        position: relative;
	    margin-top: -50px;  /* Sticky Footer */
	    height: 50px;       /* Sticky Footer */	    
	    clear:both;
	    background-color:#666666;
        }
        .footerContainer p
        {
            font-family:Verdana;
            font-size:.7em;
            font-weight:bold;            
            color:#fff;
            line-height:4em;                       
        }
    

/*----------------------------------
         CONTENIDOS COMUNES
-----------------------------------*/
h1
{
    font-size:1em;
    font-weight:bold;
    text-align:left;
    padding-bottom:10px;
    color:#484848;    
}

h2
{
    font-size:.9em;
    font-weight:bold;
    text-align:left;
    padding-bottom:10px;
    color:#484848;    
}

h3
{
    font-size:.8em;
    font-weight:bold;
    text-align:left;
    padding-bottom:10px;
    color:#484848;    
}

h1.title
{
    font-size:1em;
    font-weight:bold;
    text-align:left;
    padding-bottom:10px;
    color:#484848;
    border-bottom:solid 1px #CCCCCC;
    display:block;
}

h2.title
{
    font-size:.9em;
    font-weight:bold;
    text-align:left;
    line-height:.5em;
    margin:5px 0px 8px 0px;   
    color:#484848;
    border-bottom:solid 1px #CCCCCC;
    display:block;
}

h3.title
{
    font-size:.8em;
    font-weight:bold;
    text-align:left;
    line-height:.4em;
    margin:5px 0px 5px 0px;
    color:#484848;
    border-bottom:solid 1px #CCCCCC;
    display:block;
}

.contentContainer
{			
	padding:20px;	
	border:solid 1px #CCCCCC;
	background-color:#EEEEEE;	
    }
    .contentContainer table
    {
        font-size:.8em;
        color: #484848;
		}
		.contentContainer table td
		{
    		padding:2px 4px 2px 0px;
			}
        
.headerContent .welcome_msj /* Mensaje de bienvenida a usuario logueado */
{    
    font-family:Verdana;
    font-size:.8em;
    font-weight:bold;
}

.error_msg
{	
    font-size:.8em;
    font-weight:bold;            
    color: #837777;
    background-color:#feecec;
    border:solid 1px #e64c4d;
    padding:5px 15px 5px 15px;
    margin:10px 0px 10px 0px;
    display:block;
}


/*--------------------------------
            ICONOS
---------------------------------*/
.icon_user
{
    line-height:2em;
    padding:2px 0px 2px 35px;
    background-image: url(../Images/icon_logued_user.jpg);
    background-repeat: no-repeat;
    background-position:5px center;
}

/*--------------------------------
            ICONOS 16x16
---------------------------------*/
.icon_error
{
    line-height:2em;
    padding:2px 0px 2px 35px;
    background-image: url(../Images/iconos/cross.png);
    background-repeat: no-repeat;
    background-position:5px center;
}       

/****** COMMON CSS STYLES *****/
.textAlignCenter    { text-align:center;    }
.textAlignLeft      { text-align:left;      }
.textAlignRight     { text-align:right;     }
.marginAuto         { margin:auto;          }
.clearBoth          { clear:both;           }
.clearLeft          { clear:left;           }
.clearRight         { clear:right;          }
.displayNone        { display:none;         }
.displayBlock       { display:block;        }
.displayInline      { display:inline;       }
.floatLeft          { float:left;           }
.floatRight         { float:right;          }
.Visible	        { visibility:visible;   }
.Invisible	        { visibility:hidden;	}